<template>
  <view class="hot-sale-notice">
    <view class="icon">
      <x-image src="/assets/images/icon-star.png" />
    </view>
    <view class="content">{{ middleBar.subtitle || '该商品已入选全网好物热销榜' }}</view>
  </view>
</template>

<script>
import XImage from '@/components/x-image';
import { mapState } from 'vuex';
export default {
  name: 'PHotSaleNotice',
  components: {
    XImage
  },
  props: {

  },
  data() {
    return {

    };
  },
  computed: {
    ...mapState({
      middleBar: state => state['product'].pageModule?.middleBar || {}
    })
  },
  watch: {},
  created() {

  },
  methods: {
  }
};
</script>

<style lang="scss" scoped>
  .hot-sale-notice{
    display: flex;
    align-items: center;
    border: 1px solid #E98E7F;
    background: #FBF0EE;
    border-radius: 8px;
    height: 89px;
    padding: 0 14px;
    font-size: 28px;
    margin: 14px var(--padding) 0;
    .icon{
      width: 44px;
      height: 44px;
      margin-right: 6px;
    }
    .content{
      color: #6A5A5A;
    }
  }
</style>
